<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="com.boxin.ims.modules.wechat.entity.Product" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html style="overflow-x:hidden;overflow-y:auto;"><head>
<title>邯郸微购物</title>		
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">        
<!-- Mobile Devices Support @begin -->
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/common.css" media="all">
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/list.css" media="all">
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/home-menu-8.css" media="all">
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/font-awesome.css" media="all">

</head>

<body>
<div class="body">
<div class="titlew">邯郸微购物</div>

<div class="w-good">
<div class="Category">
  <div class="clist">
      <div style="">
          <div style="">
              <ul>
              <li>
                <a href="${ctxFront }/shopping/product?category=1&uid=${uid}&wechatId=${wechatId}">
                 <div>
                  <img src="${ctxStatic }/shopping/images/8.png">
                 </div>
                 <span>美食</span>
                </a>
             </li>
             <li>
                <a href="${ctxFront }/shopping/product?category=2&uid=${uid}&wechatId=${wechatId}">
                 <div>
                  <img src="${ctxStatic }/shopping/images/7.png">
                 </div>
                 <span>电影</span>
                </a>
             </li>
             <li>
                <a href="${ctxFront }/shopping/product?category=3&uid=${uid}&wechatId=${wechatId}">
                 <div>
                  <img src="${ctxStatic }/shopping/images/6.png">
                 </div>
                 <span>酒店</span>
                </a>
             </li>
             <li>
                <a href="">
                 <div>
                  <img src="${ctxStatic }/shopping/images/1.png">
                 </div>
                 <span>购物</span>
                </a>
             </li>
             <li>
                <a href="${ctxFront }/shopping/product?category=12&uid=${uid}&wechatId=${wechatId}">
                 <div>
                  <img src="${ctxStatic }/shopping/images/4.png">
                 </div>
                 <span>旅行</span>
                </a>
             </li>
             <li>
                <a href="${ctxFront }/shopping/product?category=16&uid=${uid}&wechatId=${wechatId}">
                 <div>
                  <img src="${ctxStatic }/shopping/images/5.png">
                 </div>
                 <span>生活</span>
                </a>
             </li>
             <li>
                <a href="${ctxFront }/shopping/product?category=4&uid=${uid}&wechatId=${wechatId}">
                 <div>
                  <img src="${ctxStatic }/shopping/images/2.png">
                 </div>
                 <span>KTV</span>
                </a>
             </li>
             <li>
                <a href="${ctxFront }/shopping/product/productCategorieList?uid=${uid}&wechatId=${wechatId}">
                 <div>
                  <img src="${ctxStatic }/shopping/images/3.png">
                 </div>
                 <span>全部</span>
                </a>
             </li>
          </ul>
      </div>
    </div>	
  </div>
</div>  
</div>
<div class="utuan">精品团购</div>

<c:forEach items="${productList }" var="product"  begin="0"  end="10">
<section class="w-goods">
  <a href="${ctxFront }/shopping/product/detail/${product.id}.html?uid=${uid}&wechatId=${wechatId}" class="clearfix">
      <div class="img-wrapper">
       <img src="${ctxFront }/userfiles/product/${product.pic}"  width="118" height="79" style="visibility: visible; ">
      </div>
      <ul>
        <li class="title">
          <span class="item-name">${product.name }</span>
        </li>
        <li class="info">
       ${fn:substring(product.description,0,75)}
        </li>
        <li class="others">
          <ins>${product.price }</ins>
          <c:if test="${product.sourcePrice != null&&!(empty  product.sourcePrice)  }">
          <span class="slash">/</span>
          <del class="old-price">${product.sourcePrice }</del>
          </c:if>
          <span class="bought">${product.sellCount }</span>
        </li>
      </ul>
  </a>
</section>
</c:forEach>
</div>
<jsp:include page="./footer.jsp"></jsp:include>
</body>
</html>
